.app-wrapper {
    .ka-siderBar {
          @include bg_color;
        // background-color: red;
        .submenu-title-noDropdown {
            &:hover {
                @include hover-color;
            }
        }
    }
}

.ka-siderBar {
    .el-menu-item [class^="el-icon-"] {
        font-size: 14px;
    }

    .el-menu-item,
    .el-submenu__title {
        @include lineHeight($sidebarItemHeight);

        &.is-active {
            @include hover-color;
        }

        &:hover {
            @include hover-color;
        }
    }

    .el-submenu .el-menu-item {
        @include bg_color;
        @include lineHeight($sidebarItemHeight);

        &.is-active {
            @include hover-color;
        }

        &:hover {
            @include hover-color;
            // background-color: #181818 !important;
            //  opacity: 0.8;
           
        }
    }
}